﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <#include "comm/header.ftl"/>

    <script type="text/javascript">

        var tab = null;
        var accHeight = null;
        $(function () {
            // 布局
            $("#layout").ligerLayout({leftWidth: 200,height: '100%',heightDiff: -35});

            accHeight = $("#layout").height();

            //面板
            $("#accordion").ligerAccordion({height: accHeight - 30});
            //tab
            tab = $("#framecenter").ligerTab({showSwitch: true,dragToMove:true,height:accHeight});

            //菜单树
            $(".menuTree").ligerTree({
                checkbox:false,//是否显示复选框
                onSelect: function (node) {
                    //选中状态事件函数
                    if (!node.data.url) return;
                    if (node.data.isnew) {
                        return;
                    }
                    fn_addTabItem(node.data.text, node.data.text, node.data.url);
                }
            });
            //字典明细tree
            $("#systemDictionaryItem").ligerTree({
                checkbox:false,//是否显示复选框
                isExpand:false,
                //此data要从后台加载
                data:${(sysDictionary)!},
                onSelect: function (node) {
                    var id = node.data.id;
                    if(!id || node.data.isnew) return;
                    var url = "/systemDictionaryItem/toSystemDictionaryItemGrid.do?parentId=" + id;
                    fn_addTabItem(node.data.text,node.data.text,url);
                }
            });
        });

        //添加tab
        function fn_addTabItem(tabid,text,url) {
            tab.addTabItem({
                tabid: tabid,
                text: text,
                url: url
            });
        }

    </script>
    <style type="text/css">

    </style>
    <style type="text/css">
        body,html{height:100%;}
        body{ padding:0px; margin:0;   overflow:hidden;}
        /* 顶部 */
        .l-topmenu{ margin:0; padding:0; height:31px; line-height:31px; background:url('lib/images/top.jpg') repeat-x bottom;  position:relative; border-top:1px solid #1D438B;  }
        .l-topmenu-logo{ color:#E7E7E7; padding-left:35px; line-height:26px;background:url('lib/images/topicon.gif') no-repeat 10px 5px;}
        .l-topmenu-welcome{  position:absolute; height:24px; line-height:24px;  right:30px; top:2px;color:#070A0C;}
        .l-topmenu-welcome a{ color:#E7E7E7; text-decoration:underline}

    </style>
</head>
<body>
    <div class="l-topmenu">
        <div class="l-topmenu-logo">
            自强不息·厚德载物
            <#--<img style="height: 50px;width: 150px;" src="/images/logo.png">-->
        </div>
        <div class="l-topmenu-welcome">
            <@shiro.principal property="name"/>&emsp;
            <a href="/logout.do">安全退出</a>
            <#--<span style="margin-right: 100px;">登录</span>-->
        </div>
    </div>

    <div id="layout" style="width:99.2%; margin:0 auto; margin-top:4px; ">
        <div id="accordion" position="left" title="菜单栏">
            <div title="基础管理">
                <ul class="menuTree">
                    <li url="/department/toDepartmentGrid.do"><span>部门管理</span></li>
                    <li url="/school/toSchoolGrid.do"><span>校区管理</span></li>
                    <li url="/employee/toEmployeeGrid.do"><span>员工管理</span></li>
                </ul>
            </div>
            <div title="客户管理">
                <ul class="menuTree">
                    <li url="/customer/toCustomerGrid.do"><span>客户信息</span></li>
                    <li url="/customerTraceHistory/toCustomerTraceHistoryGrid.do"><span>跟进历史</span></li>
                    <li url="/customerTransferHistory/toCustomerTransferHistoryGrid.do"><span>移交历史</span></li>
                    <li><span>正式客户</span></li>
                    <li><span>客户池</span></li>
                </ul>
            </div>
            <div title="教务管理">
                <ul class="menuTree">
                    <li><span>课程信息</span></li>
                    <li><span>学生信息</span></li>
                </ul>
            </div>
            <div title="系统管理">
                <ul class="menuTree">
                    <li url="/permission/toPermissionGrid.do"><span>权限管理</span></li>
                    <li url="/role/toRoleGrid.do"><span>角色管理</span></li>
                </ul>
            </div>
            <div title="数据字典">
                <ul class="menuTree">
                    <li url="/systemDictionary/toSystemDictionaryGrid.do"><span>字典目录</span></li>
                </ul>
                <#--字典明细-->
                <ul id="systemDictionaryItem">
                </ul>
            </div>
        </div>
        <div id="framecenter" position="center">
            <div tabid="home" title="我的主页" >
                <#--<iframe frameborder="0" name="home" id="home" src="welcome.htm"></iframe>-->
            </div>
        </div>

    </div>
    <div style="z-index:9999;height:35px; line-height:35px; text-align:center;">
        <span>@友情链接：http://www.ligerui.com/api/index.htm &emsp;粤ICP备：</span>
    </div>

</body>
</html>